﻿* { margin:0; padding:0;}
body { background:#000000; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#FFFFFF;}
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#FFFFFF;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

/*==================list====================*/
ul { list-style:none; color:#FFFFFF}

.site-nav { width:100%; overflow:hidden;}
.site-nav li { float:left; position:relative;}
.site-nav li a { cursor:pointer;}

.list { width:100%; overflow:hidden; margin-top:-15px; padding-bottom:22px;}
.list li { width:100%; overflow:hidden; vertical-align:bottom; color:#FFFFFF; border-top:1px solid #2c2d32; margin:-1px 0 10px 0; padding-top:15px;}
.list li span { display:block;}
.list li a { float:right;}

.list1 { width:100%; overflow:hidden; padding-bottom:24px;}
.list1 li { width:100%; overflow:hidden; vertical-align:top; color:#FFFFFF; border-top:1px solid #2c2d32; margin:-1px 0 6px 0; padding-top:20px;}
.list1 li img { float:left; margin:-15px 16px 0 0;}
.list1 li span { display:block; color:#50d400;}
.list1 li a img { float:right; margin:0;}

.list2 { padding-bottom:54px;}
.list2 li { width:100%; overflow:hidden; vertical-align:top; color:#fff;}
.list2 li span { float:right; display:block;}
.list2 li a { color:#fff; text-decoration:none;}
.list2 li a:hover { text-decoration:underline;}

.list3 li { padding-bottom:1px; alignment-adjust:middle; padding-left:50px; text-align:right}

.list4 { padding-bottom:6px;}
.list4 li { padding-bottom:15px;}

.list5 { margin-top:-24px;}
.list5 li { padding-top:24px; width:100%; overflow:hidden; vertical-align:top;}
.list5 li cite { display:block; font-style:normal;}
.list5 li span { float:right; margin-top:10px;}


/*==================other====================*/
.img-box img { margin-bottom:25px; display:block;}

.img-box1 { width:100%; overflow:hidden; padding-bottom:35px;}
.img-box1 img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:36px;}
.p2 { margin-bottom:20px;}


/*==================txt, links, lines, titles====================*/
a {color:#d21044;}
a:hover{text-decoration:none;}

h1 {font-size:2em; font-weight:normal; line-height:1.67em; color:#ffffff;}
h2 { font-size:1em; font-weight:normal; margin-bottom:22px; line-height:1.67em; }
h3 { font-size:0.5em; font-weight:normal; line-height:1.67em; color:#d21044;}

.txt1 { }
.txt2 { }

.link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#ffffff; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.line-hor { border-bottom:1px solid #000; margin:20px 0; overflow:hidden; font-size:0; line-height:0;}

.title { margin-bottom:20px;}


/*==================boxes====================*/
.cont-box {width:1280px; height:440px; background:url(file:///C|/Users/Administrator/Documents/Java%20Chatit%20Website/images/cont-box.png) no-repeat left top;}
.cont-box .inner { padding:59px 34px 63px 47px;}
.cont-box p { line-height:1.5em;}

/*header*/
#header .site-nav { top: 15px; position:relative;}

/*content*/
#content { height:490px; padding:0 26px;}

/*footer*/
#footer p { color:#818080; padding:5px 0 0 4px; text-align:left; margin-left:25px}
#footer p a { color:#fff; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

/*==========================================*/

#content .col-1 h2, #content .col-1 h3, #content .col-1 .col-2 h3, #content .col-1 .list li span, #content .col-1 .list3 li a { color:#d21044;}
#content .col-2 h2, #content .col-2 h3, #content .col-2 .list li span, #content .col-2 .list2 li span, #content .col-2 p a { color:#ff8a00;}

